<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content="webkit" name="renderer">
<meta content="IE=Edge,chrome=1" http-equiv="X-UA-Compatible">
<!-- <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> -->
<meta content="telephone=no" name="format-detection">

<link rel="stylesheet" href="css/base.css">

<script>
	var lang = window.localStorage.getItem("mmc_webpage_lang")
	if(lang === "en")
		window.location.href = "en/index.html"

	function setLocalStorage(value){
		window.localStorage.setItem("mmc_webpage_lang", value)
	}
</script>

<style>
.input-box::-webkit-input-placeholder{
 /* WebKit browsers */   
	color: #39486c;
}
.input-box:-moz-placeholder{
/* Mozilla Firefox 4 to 18 */   
	color: #39486c;
}
.input-box::-moz-placeholder{
 /* Mozilla Firefox 19+ */   
	color: #39486c;
}
.input-box:-ms-input-placeholder{
 /* Internet Explorer 10+ */   
	color: #39486c;
}

section {
    overflow: hidden;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
}

.login-title{
	padding-top: 20px;
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
}
.login-title-left{
	margin-left: 46px;
	overflow: hidden;
	float: left;
}
.login-title-left > li{
	float: left;
}
.login-logo{
	margin-right: 16px;
}
.title-layer{
	font-size: 30px;
	color: #39486c;
	line-height: 55px;
	padding-left: 20px;
	border-left: 2px solid #e6e9ee;
}
.login-main{
	height: 480px;
	background: #2d324c url(images/login_bg.png) center center no-repeat;
	width: 100%;
	margin-bottom: 20px;
}
.login-main-content{
	max-width: 1200px;
	margin: 60px auto 0;
}
.login-form{
	float: right;
	width: 235px;
	height: 323px;
	padding-left: 26px;
	padding-right: 29px;
	background: #fff;
	padding-top: 17px;
	border-radius: 5px;
	box-shadow: 0px 0px 24px rgba(0,0,0,0.2);
	margin-right: 100px;
}
.title{
	font-size: 20px;
	line-height: 46px;
	color: #39486c;
	font-weight: normal;
}
.input-box{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-indent: 15px;
	font-size: 12px;
	color: #39486c;
	border-radius: 3px;
	border: solid 1px #e6e9ee;
	margin-top: 15px;
}
.password-operation{
	width: 100%;
	margin-top: 8px;
	margin-bottom: 24px;
	overflow: hidden;
}
.input-check{
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin:0;
}
.remember-layer{
	font-size: 12px;
	line-height: 1;
	vertical-align: top;
	margin-top: 5px;
	color: #39486c;
	display: inline-block;
}
.forget{
	float: right;
	font-size: 12px;
	line-height: 1;
	color: #39486c;
	margin-top: 5px;
}
.sub{
	width: 235px;
	height: 40px;
	border-radius: 3px;
	background-color: #547edf;
	font-size: 14px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	border: none;
	box-shadow: 0px 4px 8px rgba(84, 126, 223,0.5);
	margin-bottom: 18px;
}
.sub:hover{
	cursor: pointer;
}
.language-login{
	overflow: hidden;
	padding: 16px 0;
	float: right;
	margin-right: 208px;
	margin-top: 29px;
}
.language-login > li{
	float: left;
}
.language-login > li > a{
	display: block;
	color: #39486c;
	padding: 0 13px;
	font-size: 12px;
	line-height: 1;
}
.language-login > li{
	border-right: 1px solid #e6e9ee;
}
.language-login > li:last-child{
	border-right: none;
}


.go-base{
	display: block;
	font-size: 12px;
	color: #39486c;
	text-align: center;
}
.language-login > li > a:hover,
.go-base:hover,
.forget:hover{
	color: #547edf;
}
body{
	height: auto;
	min-height: auto;
}
.copyright{
	font-size: 10px;
	text-align: center;
	width: 100%;
}
</style>

<title>秒秒测物联网平台</title>

</head>

<body>
	<section class="login-title">
		<ul class="login-title-left">
			<li class="login-logo"><img src="images/logo_chart.png"></li>
			<li class="title-layer">物联网平台</li>
		</ul>

		<ul class="language-login">
			<li><a href="http://www.zenmeasure.com/" target="_blank">进入官网</a></li>
			<li><a href="index.html" onclick="setLocalStorage('ch')">中文</a></li>
			<li><a href="en/index.html" onclick="setLocalStorage('en')">English</a></li>
		</ul>
	</section>

	<section class="login-main">
		<div class="login-main-content clearfix">
			<div class="login-form">
				<h1 class="title">账号登录</h1>

				<input class="input-box" type="text" name="account" id="account" placeholder="邮箱/用户名">
				<input class="input-box" type="password" name="password" id="password" placeholder="密码">

				<div class="password-operation">
					<input type="checkbox" id="remember_check" name="remember" class="input-check">
					<label for="remember" class="remember-layer">记住密码</label>
					<a href="email_reset.html" class="forget">找回密码</a>
				</div>

				<button id="login" class="sub">登录</button>

			</div>
		</div>
	</section>
	<p class="copyright">Copyright &copy; 2020 MiaoMiaoCe/ZenMeasure Co.ltd All rights reserved.京ICP备18013691号-1</p>

<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/login.js"></script>

</body>
</html>
